<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册</title>
<script type="text/javascript" src="${basePath}/static/web/js/register.js"></script>
</head>
<body>
	<div class="wrapper add-member-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-2">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5 class="title">注册</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            <a class="close-link"><i class="fa fa-times"></i></a>
                        </div>
                    </div>
                    <div class="ibox-content" id="content">
                    <form id="registerForm" class="form-horizontal">
			    	<div class="form-group m-t">
				        <label class="col-sm-3 control-label">登录名:</label>
						<div class="col-sm-8">
							<div class="input-icon right">
								<i class="fa"></i>
			                 	<input type="text" class="form-control" required name="loginName" placeholder="字母开头,字母或数字组成,4-16位"/>
			                </div>
			            </div>
			        </div>
			        <div class="hr-line-dashed"></div>
			        <div class="form-group m-t">
				        <label class="col-sm-3 control-label">昵称:</label>
						<div class="col-sm-8">
							<div class="input-icon right">
								<i class="fa"></i>
			                 	<input type="text" class="form-control" required name="name" placeholder="只允许输入中文,3-6位"/>
			                </div>
			            </div>
			        </div>
			        <div class="hr-line-dashed"></div>                      
			        <div class="form-group">
						<label class="col-sm-3 control-label">密码:</label>
						<div class="col-sm-8">
							<div class="input-icon right">
								<i class="fa"></i>
			                   	<input type="password" class="form-control" required name="plainPassword" id="plainPassword" placeholder="数字和字母组成,6-20位"/>
			               	</div>
			            </div> 
				        <div class="hr-line-dashed"></div> 
				        </div> <div class="form-group">
							<label class="col-sm-3 control-label">确认密码:</label>
							<div class="col-sm-8">
								<div class="input-icon right">
									<i class="fa"></i>
				                   	<input type="password" class="form-control" required equalTo="#plainPassword" name="confirmPassword" placeholder="确认输入密码"/>
				               	</div>
				            </div> 
				        </div>
				        <div class="hr-line-dashed"></div>                    
				        <div class="form-group">
							<label class="col-sm-3 control-label">验证码:</label>
							<div class="col-sm-8">
								<div class="input-icon right">
									<i class="fa"></i>
					                <input type="text" class="form-control" required minlengt="4" name="imgCode" placeholder="输入验证码"/>
				                	<img id="captcha" class="J_codeimg" src="${basePath}/captcha" id="imgCode" onclick="this.src = '${basePath}/captcha?v=' + Math.random()"/>
				                 </div>
				            </div> 
				        </div>
				        <div class="hr-line-dashed"></div>
				           <div class="form-group">
				               <div class="col-sm-8 col-sm-offset-2 add-submit">
				                   <input class="btn btn-primary" style="width:100%" type="button" id="registerSubmit" value="注册"/>
				                   <span>已有账号?<a href="" id="toLogin">直接登录</a></span>
				               </div>
				           </div>
				       </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>